.SLM{
  display: flex;
}

.SLM .slider{
  background-color: #1982cc;
  padding-left: 5px;
  min-height: 100vh;
  max-width: 25vw;
  font-size: calc(18px + 1.5vmin);
  display: flex;
  flex-direction: column;
}
.SLM .slider .menu{
  text-align: left;
  margin: 5px;
  font-size: calc(6px + 1.5vmin);
  border: none;
  background-color: #1982cc;
  color: white;
}
.SLM .slider .menu:hover{
  cursor:pointer;
  color: gold;
  font-size: calc(8px + 1.5vmin);
  font-weight: bold;
  border-bottom: 2px solid black;
}

.SLM .slider .menu-selected{
  text-align: left;
  margin-top: 5px;
  font-size: calc(8px + 1.5vmin);
  font-weight: bold;
  border: none;
  background-color: #1982cc;
  color: black;
  border-bottom: 2px solid black;
}

.SLM .body{
  min-height: 100vh;
  /* min-width: 70vw; */
  border-right: 1px dashed gray;
  border-left : 1px dashed gray;
}

.SLM .body .title{
  font-size: calc(18px + 1.5vmin);
  font-weight: bold;
}

.div-flex-column{
  display: flex;
  flex-direction: column;
}

.al-head{
  display: flex;
  margin: 1ex 0px 1ex 0px;
  flex-direction: row;
  font-size: calc(12px + 1.5vmin);
  font-weight: bold;
  background-image:linear-gradient(to right, #1982cc, #ffffff);
}

.al-head label{
  flex: 1;
}

.al-head button{
  margin: 5px;
}

.al-head input[type='number']{
  margin: 5px;
  max-width: 4em;
}

.al-head select{
  margin: 5px;
}
